<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>fragment</title>
    <link rel="stylesheet" media="screen" href="../Public/Css/fragment.css">
    <script src="../Public/Js/global.js"></script>
    <script src="../Public/Js/libs/seajs/2.2.0/seajs.js"></script>
    <script src="../Public/Js/libs/config.js"></script>
</head>

<body>
    <!--排行榜-->
    <div class="layout300 rank-list">
        <div class="graybg-hd">
            <h2>新车关注榜</h2>
            <a href="#" target="_blank" class="more">更多&gt;&gt;</a>
        </div>
        <ul class="ul-rank">
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
            <li>
                <a href="#" target="_blank" title="朗动">朗动</a>
                <span>5.9万-8万</span>
            </li>
        </ul>
    </div>

	<div class="layout300 mt10 sign-blk">
    	<div class="hd">
        	<h2>汽车批发</h2>
            <a class="more" href="#" title="我要报名">我要报名</a>
        </div>
        <ul class="ul-blue">
        	<li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
            <li>
                <a href="#" title="标志30" target="_blank">标志30标志30标志30标志30标志30标志30标志30</a>
                <span>已报名</span>
            </li>
        </ul>
    </div>
    
    <div class="layout300 mt10">
        <div class="graybg-hd fn-clear">
            <h2>推荐车型</h2>
            <a href="#" target="_blank" class="more">更多&gt;&gt;</a>
        </div>
        <ul class="img-list mt10 fn-clear">
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
            <li>
                <a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
            <li>
                <a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
            <li>
                <a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
            <li>
                <a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图图文资讯图文资讯图文资讯图文资讯文资讯</a>
            </li>
            <li>
                <a class="img" href="#" title="点击排行"><img width="130" height="100" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        </ul>
    </div>
    
    <div class="layout300 mt10">
    	<div class="hd">
        	<h2>最新图库</h2>
            <a class="more" href="#" title="更多">更多>></a>
        </div>
        <ul class="img-list video-list fn-clear">
        	<li class="first">
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        	<li>
            	<a class="img" href="#" title="点击排行"><img width="128" height="90" alt="图文资讯" src="imgs/car.gif"></a>
                <a class="text-ellipsis" href="#" title="图文资讯">图文资讯</a>
            </li>
        </ul>
    </div>

    <div id="J_NewPics" class="layout300 mt10">
        <div class="hd">
            <h2><a href="#" target="_blank">最新图库</a></h2>
            <div class="imgs-more-nav fn-right">
                <span><b>1</b>/5</span>
                <a class="imgs-more-left nopre" href="javascript:;"></a>
                <a class="imgs-more-right" href="javascript:;"></a>
            </div>
        </div>
        <!--page1 start-->
        <div class="module-img-list">
            <ul class="fn-clear">
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
            </ul>
        </div>
        <!--page1 end-->
        <!--page2 start-->
        <div class="module-img-list fn-hide">
            <ul class="fn-clear">
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
            </ul>
        </div>
        <!--page2 end-->
        <!--page3 start-->
        <div class="module-img-list fn-hide">
            <ul class="fn-clear">
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
            </ul>
        </div>
        <!--page3 end-->
        <!--page4 start-->
        <div class="module-img-list fn-hide">
            <ul class="fn-clear">
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
            </ul>
        </div>
        <!--page4 end-->
        <!--page5 start-->
        <div class="module-img-list fn-hide">
            <ul class="fn-clear">
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
                <li>
                    <a href="#" target="_blank" title="不能私自改装车辆(图)"><img src="./imgs/car.gif" width="130" height="90" alt="不能私自改装车辆(图)"></a>
                </li>
            </ul>
        </div>
        <!--page5 end-->
    </div>
    
    <div class="layout300 mt10">
    	<div class="hd">
        	<h2>最新供求</h2>
            <a class="more" href="#" title="更多">更多>></a>
        </div>
        <ul class="apply-list con">
        	<li class="first">
            	<a class="img fn-left" href="#" title="点击排行"><img width="60" height="60" alt="图文资讯" src="imgs/car.gif"></a>
                <div class="detail">
                	<h3><a href="#" title="图文资讯">奔驰E280后尾灯，大灯，雾灯，原厂件</a></h3>
                    <p>3013年9月14日</p>
                </div>
            </li>
        	<li>
            	<a class="img fn-left" href="#" title="点击排行"><img width="60" height="60" alt="图文资讯" src="imgs/car.gif"></a>
                <div class="detail">
                	<h3><a href="#" title="图文资讯">奔驰E280后尾灯，大灯，雾灯，原厂件</a></h3>
                    <p>3013年9月14日</p>
                </div>
            </li>
        	<li>
            	<a class="img fn-left" href="#" title="点击排行"><img width="60" height="60" alt="图文资讯" src="imgs/car.gif"></a>
                <div class="detail">
                	<h3><a href="#" title="图文资讯">奔驰E280后尾灯，大灯，雾灯，原厂件</a></h3>
                    <p>3013年9月14日</p>
                </div>
            </li>
        	<li>
            	<a class="img fn-left" href="#" title="点击排行"><img width="60" height="60" alt="图文资讯" src="imgs/car.gif"></a>
                <div class="detail">
                	<h3><a href="#" title="图文资讯">奔驰E280后尾灯，大灯，雾灯，原厂件</a></h3>
                    <p>3013年9月14日</p>
                </div>
            </li>
        	<li class="last">
            	<a class="img fn-left" href="#" title="点击排行"><img width="60" height="60" alt="图文资讯" src="imgs/car.gif"></a>
                <div class="detail">
                	<h3><a href="#" title="图文资讯">奔驰E280后尾灯，大灯，雾灯，原厂件</a></h3>
                    <p>3013年9月14日</p>
                </div>
            </li>
        </ul>
    </div>

    <script>
        seajs.use(['$','mod-imgMore'],function($,ImgMore){
            var modifyImg = new ImgMore("div#J_NewPics","div#J_NewPics>div.module-img-list");
            modifyImg.pre();
            modifyImg.next();
        });
    </script>
</body>
</html>
